﻿{% extends "base.html" %}
{% block content %}
    <!-- /主体 -->
    <div id="main-container" class="container clearfix">
        <section class="post-left">
            <div class="breadcrumb">您的位置： <a itemprop="breadcrumb" href="/">首页</a> » <a
                    href="/list-{{ article.category.id }}.html">{{ article.category.name }}</a> »
                <span class="current">正文</span></div>
            <div class="post-main clearfix">
                <h1 class="post-title">{{ article.title }}</h1>
                <div class="post-con clearfix">
                    <div class="article-meta">
                        <span class="item">分类：<a href="/list-{{ article.category.id }}.html"
                                                 rel="category tag">{{ article.category.name }}</a></span>
                        <span class="item">作者：{{ article.user }}</span>
                        <span class="item">浏览：{{ article.views }}</span>
                        <span class="item">{{ article.created_time }}</span>

                    </div>
                    <article class="article-content">
                        <p>
                            {{ article.body|safe }}
                        </p>
                    </article>

                    <div class="post-tag"><span class="fa fa-tags" aria-hidden="true"></span>标签：
                        {% for tag in article.tags.all %}
                            <a href="/tag/{{ tag.name }}" rel="tag">{{ tag.name }}</a>
                        {% endfor %}
                    </div>
                    <div>
                        <div><b>上一篇：</b>
                            {% if  previos_blog %}
                                <a href="show-{{ previos_blog.pk }}.html" class="article-tag">{{ previos_blog }}</a>
                            {% else %}
                                没有了
                            {% endif %}

                        </div>
                        <div><b>下一篇：</b>
                            {% if  next_blog %}
                                <a href="show-{{ next_blog.pk }}.html" class="article-tag">{{ next_blog }}</a>
                            {% else %}
                                没有了
                            {% endif %}

                        </div>
                    </div>
                </div>

            </div>
            <!-- /文章 -->


            <div class="recommend  hidden-xs">

                <div class="head clearfix"><span class="sp">您可能感兴趣的:</span></div>
                <ul>
                    {% for article in hot %}
                        <li>
                            <div class="pic">
                                <a href="/show-{{ article.category.id }}.html" title="{{ article.title }}">
                                    {% if article.img %}
                                        <img src="/media/{{ article.img }}"
                                             srcset="/media/{{ article.img }}"
                                             alt="{{ article.title }}" class="wp-post-image" width="145"
                                             height="100"/>
                                    {% else %}
                                        <img src="http://img15.haotuwu.com:8080/picture/190122/pic8/2.jpg"
                                             srcset="http://img15.haotuwu.com:8080/picture/190122/pic8/2.jpg"
                                             alt="{{ article.title }}" class="wp-post-image" width="145"
                                             height="100"/>
                                    {% endif %}
                                </a>
                            </div>
                            <a class="descript " href="/show-{{ article.category.id }}.html" rel="bookmark"
                               title="{{ article.title }}">{{ article.title }}</a>
                        </li>
                    {% empty %}
                        暂无推荐
                    {% endfor %}
                </ul>
            </div>


        </section>
        <!-- /post-left -->
        <!-- /post-right -->
        <aside class="post-right hidden-xs">
            </section></section>

            {% include 'right.html' %}

        </aside>

        </aside>
    </div>
    <!-- /主体 -->
{% endblock %}